.show-big-img{
  background-color:rgba(10,10,10,0.7);
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 999;
  .wrap {
    position: relative;
    width: 100%;
    height: 100%;

  }

  .img-container {
    overflow: auto;
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;

    >img {
      height: auto;
      display: block;
      margin: 0 auto;
    }
  }

  .control{
    height:50px;
    background-color:#000;
    color:#ddd;
    padding-right:50px;
    > span {
      float: right;
      display: inline-block;
      width:50px;
      height:50px;
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer;
      &:hover {
        background-color:#666666;
      }
    }
    .size:hover {
      background-color:#000;
    }
    .size {
      line-height: 50px;
    }
    .close{
      background-image:url("");
      position:static;
    }
    .small {
      background-image: url("");
    }
    .big{
      background-image: url("");
    }
  }

}